<template>
  <!--ref声明的变量name,直接使用，无须再多一级引用-->
  <div>{{ name }} : {{ state.work }}</div>
</template>
<script>
  import {ref, reactive} from 'vue'
  export default{
    setup(){
      //ref声明响应式变量
      const name = ref('尼克')
      //reactive声明响应式变量
      const state = reactive({work:'前端开发'})
      //暴露给模板
      return {
        name,
        state,
      }
    }
  }
</script>